﻿@import url(besscolor.css);
/*!
* Name    : Base style
* Created : 2021-12-27
* Updated : 2021-12-27
* Author  : lzx
*/
@font-face {
  font-family: 'Futura';
  src: url('../font/FuturaBookfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

HTML,body,div,section,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,textarea,input{
	border:none;
	font-family: Arial, Microsoft Yahei, serif;
	font-family: 'Futura',sans-serif;
}
html,body{height:100%;width:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}input{-webkit-appearance:none;appearance:none;margin:0;outline:none;padding:0}input[type=submit],input[type=button]{cursor:pointer}button[disabled],input[disabled]{cursor:not-allowed}img{border:none}img[src=""],img:not([src]){opacity:0}ul,ol,li{list-style-type:none;padding:0;margin:0}i{font-style:normal}a{text-decoration:none;color:inherit}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}/*!
* Name    : WYSIWYG style
* Created : 2021-12-27
* Updated : 2021-12-27
* Author  : lzx
.content-container dd,.content-container dl,.content-container figure,.content-container h1,.content-container h2,.content-container h3,.content-container h4,.content-container h5,.content-container h6,.content-container p,.content-container td,.content-container th{margin:0;padding:0;border:0}.content-container li,.content-container ol,.content-container ul{margin:0;padding:0;list-style-type:none}.content-container ul{list-style-type:disc;padding-left:40px}.content-container ol{list-style-type:decimal}.content-container li{list-style-type:disc}.content-container img{max-width:100%;height:auto;border:0;vertical-align:middle}.content-container table{border-collapse:collapse;border-spacing:0}.content-container a{color:inherit;outline:none;text-decoration:none;background:transparent}.content-container a,.content-container em,.content-container i,.content-container span{display:inline-block}.content-container b,.content-container em,.content-container i{font-style:normal}.content-container h1,.content-container h2,.content-container h3,.content-container h4,.content-container h5,.content-container h6{font-weight:normal;font-size:16px}.content-container button,.content-container input,.content-container optgroup,.content-container select,.content-container textarea{outline:0;border:0;vertical-align:middle;padding:0}.content-container button,.content-container html input[type=button],.content-container input[type=reset],.content-container input[type=submit],.content-container input[type=text]{outline:0;border:0;border-radius:0;cursor:pointer;-webkit-appearance:button;background:#fff}.content-container textarea{resize:none;font-size:14px}.content-container textarea,.content-container .select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none}.content-container .nei-table{width:100%;overflow:auto}.content-container .nei-table table{border-collapse:collapse;border-spacing:0}.content-container .nei-table table,.content-container .nei-table table th,.content-container .nei-table table td{border:1px solid #666}.content-container .nei-table table th,.content-container .nei-table table td{padding:4px 10px;word-break:keep-all !important}.content-container iframe,.content-container embed{display:block;max-width:100%}
*/


body {background-color: #f9f9f9;}
html {font-size: 20px; /* 默认字体大小 */}
@media only screen and (max-width: 1900px){
    html {font-size: 18px;}
}
@media only screen and (max-width: 1200px){
     html {font-size: 16px;}
}


.wd1600{max-width: 1600px;  margin: 0 auto; width: 90%;position: relative;}
a, article, aside, audio, b, body, canvas, caption, dd, details, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, img, label, li, menu, nav, ol, p, pre, q, s, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline;}
.zoom-in:hover{transform: scale(1.1);}
.zoom-in {-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;-o-transition: transform ease .3s; transition: transform .3s ease;transition: transform .3s ease,-webkit-transform .3s ease; -ms-transition: -ms-transform ease .3s; -moz-transition: -moz-transform ease .3s;-o-transition: -o-transform ease .3s;}

div, input, button { outline: none;}
button, html [type=button], [type=reset], [type=submit] { cursor: pointer; -webkit-appearance: button;}
/* head */
.header {display: block; height: 90px;
    top: 0;
    left: 0;
    z-index: 999; }
.header .header-wrap{position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: #fff;box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 10%); -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .header-content { display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;}
.header .header-left{display: flex;align-items: center;width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;}
.header .header-right{display: flex;align-items: center;}
.header .header-logo {max-width: 140px;}
.header .header-logo a { display:block;}
.header .header-logo h1 { text-indent: -9999px; height: 0; }
.header .header-logo img { display: block;
    max-height: 44px;
}
.header .header-nav {    max-width: calc(100% - 140px - 2%);
    margin-left: 2%;}
.header .header-nav > ul { display: flex; flex-wrap: nowrap;justify-content: space-around;}
.header .header-nav > ul > li { display: block; position: relative;}
.header .header-nav > ul > li .active{display: none; position: absolute; top: 68px;background: #fff;box-shadow: 0 6px 25px #0000000d;
    border-radius: 12px;}
.header .header-nav > ul > li li{width: 100%;font-size: 14px;  white-space: nowrap; text-overflow: ellipsis; position: relative;}
.header .header-nav > ul > li li a{padding: 14px 24px;display: block;border-radius: 12px;}
.header .header-nav > ul > li li:hover > a{color: var(--Bcolor);
    background: #fbfbfb;}
.header .header-nav > ul > li > a { display: block; position: relative; text-align: center; line-height: 90px;  font-size: 0.85rem;padding: 0 2rem;color: #151515; webkit-transition: color 0.5s;  transition: color 0.5s;  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.header .header-nav > ul > li > a > i { display: block; position: absolute; top: 50%; margin-top: -5px; right: 6px; width: 6px; height: 6px; border-bottom: 1px solid; border-right: 1px solid;  transition: border-color .4s;  transform: rotate(45deg);overflow: hidden;}
.header .header-nav > ul > li > a:hover{color: var(--Bcolor);transition: all .5s ease;}
.header .header-nav > ul > li:hover .active{display: flex;flex-wrap: wrap;}

.header .header-nav > ul > li li .sub-ul{
		display: none;
		position: absolute;
		width: 200px;
	    right: -200px;
	    background: #fbfbfb;
	    top: 0;
	    border-radius: 12px;
	   
	   
}
.header .header-nav > ul > li li .sub-ul li a{
	color: #4b4b4b;
	    white-space: break-spaces;
	    word-break: break-word;
}
.header .header-nav > ul > li li .sub-ul li a:hover{color: var(--Bcolor);border-radius: 12px;}
.header .header-nav > ul > li li:hover .sub-ul{
	display: block;
	    background: #fff;
	    box-shadow: 0px 6px 10px #cccccc2b;
}
.header .header-menu { flex: none; }
.language .cur { height: 44px;
    display: flex;
    align-items: center;cursor: pointer; position: relative; margin-right: 10px; border-radius: 2px;}
.language .cur e { color: #151515;  font-size: 0.85rem; line-height: 20px;  background-repeat: no-repeat;  padding-left: 30px;  height: 20px;  display: flex;align-items: center;}
.language .cur e::before{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url("../image/icon_language.png");
	background-size: 100%;
	margin-right: 12px;
}
.language .cur e i{font-size: 12px; margin-left: 10px;}
.language ul.language-list {overflow: auto;  position: absolute;  z-index: 2;  top: 42px; right: 0; list-style-type: none; background-color: #fff; font-size: 12px; height: 0;  opacity: 0;}
.language .cur:hover .language-list{opacity:1;height:auto;-webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;box-shadow: 0 6px 25px #0000000d;border-radius: 12px;}
.language ul.language-list li { overflow: hidden;  border-bottom: 1px solid #fbfbfb;  }
.language ul.language-list li a {  
	color: #1b1b1b;
	    font-size: 12px;
	    line-height: 20px;
	    padding: 6px 22px;
	    display: block;
	    width: 100%;
	    white-space: nowrap;
}
.language ul.language-list li a:hover{
	color: var(--Bcolor);
	background: #fbfbfb;
}
.language e.en, .language ul.language-list li a.en { background-position: 0 -22px;}

/*首页导航无背景效果*/
.header.scrolled{position: fixed;}
.header.scrolled .header-wrap{background: none;box-shadow: none;}
.header.scrolled .header-nav > ul > li > a{color: #fff;}
.header.scrolled .header-nav > ul > li > a:hover {color: var(--Bcolor);transition: all .5s ease;}
.header.scrolled .search-icon,.header.scrolled .search-submit {background: url(../image/icon_search_white.png) no-repeat center;background-size: 20px 20px;}
.header.scrolled .language .cur e::before{background: url(../image/icon_language_white.png);background-size: 100%;}
.header.scrolled .language .cur e{color: #fff;}
.header.scrolled .search-input{border-color: #fff;
    background: #ffffffc7;
    color: #000;}

.header2{display: none; height: 80px;}
.header2 .main-wrap {position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: #fff;box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 10%); -webkit-transition: all .5s ease; transition: all .5s ease; padding: 0 3%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between;align-items: center;}
.header2 .logo a { display: block; }
.header2 .logo {overflow: hidden;}
.header2 .logo img { vertical-align: middle;height: 34px;}
.header2 .nav-btn { width: 25px; height: 16px; position: relative; cursor: pointer; margin-left: 15px;}
.header2 .nav-btn .line { display: block; width: 100%; height: 1px; border-radius: 2px; background-color: #333; position: absolute; left: 50%; margin-left: -15px;}
.header2 .nav-btn .line1 { -webkit-transform-origin: 4px 0; -ms-transform-origin: 4px 0;  transform-origin: 4px 0;}
.header2 .nav-btn .line2 { top: 7px;}
.header2 .nav-btn .line3 { bottom: 0px; -webkit-transform-origin: 1px center; -ms-transform-origin: 1px center; transform-origin: 1px center;}


.search-container {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon,.search-submit {
   width: 40px;
       height: 40px;
       display: inline-block;
       background: url(../image/icon_search.png) no-repeat center;
       background-size: 20px 20px;
       cursor: pointer;
       transition: all .5s ease;
	   border: none;
}
.search-close{
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
}
.search-close i{
		width: 40px;
	    height: 40px;
	    display: inline-block;
	    background: url(../image/icon_close.svg) no-repeat center;
	    background-size: 16px 16px;
	    cursor: pointer;
	    transition: all .5s ease;
		   border: none;
}
.search-icon.hide{
	opacity: 0;
	pointer-events: none;
}
.search-form {
    position: absolute;
	right: 0;
    display: flex;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    transition: width 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    width: 0;
    opacity: 0;
    visibility: hidden;
}

.search-form.active {
    width: 250px;
    opacity: 1;
    visibility: visible;
}

.search-input {
    border: 1px solid #000;
        padding-bottom: 2px;
        width: calc(100% - 40px);
        height: 40px;
        font-size: 15px;
        transition: all .5s ease;
        border-radius: 32px;
        padding-left: 10px;
        background: #fff;
}

.search-form:not(.active) .search-input,
.search-form:not(.active) .search-submit {
    visibility: hidden;
}
/* Mo导航 */
.header2 .sub-menu { 
	width: 100%;
	    padding: 0 3%;
	    display: none;
	    position: fixed;
	    left: 0px;
	    top: 80px;
	    z-index: 2;
	    overflow-y: auto;
	    background-color: #fff;
}
.sub-menu ul { width: 100%; overflow-y: auto; height: calc(100vh - 55px - 1.5rem);}
.header2 .sub-menu li { border-bottom: 1px solid #f5f5f5; font-size: .8rem; padding: 0 20px;}
.header2 .sub-menu li.animate { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
.header2 .sub-menu .tits{ display: inline-block; text-decoration: none; width: 80%; line-height: 60px; color: #333; position: relative; box-sizing: border-box;}
.header2 .nav-btn.active { -webkit-animation: rotate 0.5s linear 0s; animation: rotate 0.5s linear 0s;}
.header2 .header-right{display: flex;align-items: center;}
/* footer */
.footer{background-color: #fff;}
.footbox{ padding: 70px 0 40px; display: flex; justify-content: space-between;  flex-wrap: wrap; color: #4b4b4b;}
.footbox .company-infos{width: 33%;}
.footbox .company-infos .footer-logo{height: 37px;margin-bottom: 56px;}
.footbox .company-infos p{font-size: 14px; line-height: 24px; margin-bottom: 24px;}
.footbox .company-infos .info-text span{margin:0 10px;}
.footbox .company-infos .link{display: flex;justify-content: left;margin-top: 2rem;}
.footbox .company-infos .link a{margin-right: 2rem;}
.footbox .company-infos .link a i{width: 22px;height: 22px;background: #fff;display: block;}
.footbox .company-infos .link a i.icon_facebook{background: url("../image/facebook.png");background-size: cover;}
.footbox .company-infos .link a i.icon_twitter{background: url("../image/twwiter.png");background-size: cover;}
.footbox .company-infos .link a i.icon_instagram{background: url("../image/instagram.png");background-size: cover;}
.footbox .company-infos .link a i.icon_youtobe{background: url("../image/youtube.png");background-size: cover;}
.footbox .company-infos .link a i.icon_vk{background: url("../image/vk.png");background-size: cover;}


.footbox .quicklinks{width: 25%; margin-left: 8%;}
.footbox h4{
    font-size: 0.8rem;
    position: relative;
    padding-bottom: 25px;
    border-bottom: 1px solid #F3F3F3;
    margin-bottom: 30px;
	color: #151515;
	font-weight: 300;}
.footbox .quicklinks a{display: block; line-height: 50px;font-size: 14px;color: #4B4B4B;}
.footbox .quicklinks a:hover{color: var(--Bcolor);}
.footbox .message{width: 25%; margin-left: 8%;}
.footbox .message .inputBox{}
.footbox .message .inputBox input{
	display: block;
	    color: #151515;
	    background: #f9f9f9;
	    border: 1px solid #ebebeb;
	    padding-left: 15px;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    margin-bottom: 24px;
		transition: all .5s ease;
}
.footbox .message .inputBox input:focus{
	background: #fff;
	border-color: var(--Bcolor);
	opacity: 1;
}
.copyRights{
	border-top: 0.5px solid #f3f3f3;
	    text-align: center;
	    font-size: 14px;
	    color: #4b4b4b;
	    padding: 20px 0;
}
.copyRights p{margin-top: 10px;}
.copyRights p a{margin: 0 14px;}
.breadcrumb{
	display: inline-block;
	    background: #fff;
	    color: #535353;
	    border-radius: 20px;
		margin-bottom: 28px;
		border: 1px solid #e3e3e3;
}
.mt30{margin-top: 28px;}
.breadcrumb a{
	padding: 10px 15px;
	    display: inline-block;
	    border-right: 1px solid #E2E2E2;
		transition: all .5s ease;
		font-size: 14px;
}
.breadcrumb a:hover{color: #111;text-decoration: underline;}
.breadcrumb a:last-child{border: none;}

 /* banner */
 .sbanner{padding: 80px 0;
    position: relative;
    overflow: hidden; 
	background: url(../image/a_bg.jpg) no-repeat;
	background-size: cover;
}
.sbanner-img{position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    min-height: 100%;}
 .sbanner .wd1600{z-index: 2;}
 .sbanner h2{font-size: 3.2rem;color: #151515;font-weight: 200;}
 .otherbanner{background: url(../image/other_bg.jpg)no-repeat;background-size: cover;}
/* inquery */
 .inquery{position: fixed; height: 50px; text-align: center; padding: 5px 0; bottom: 0;right: 0; left: 0; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);z-index: 999;}
 .inquery .elementor-btn{display: inline-block;width: 80%;background-color: var(--Bcolor); color: #ffffff; padding: 12px 24px; border: none; outline: none; border-radius: 30px;}
 .inquery-none{display: none;}
/* page */
.page{
	display: block;
	width: 100%;
text-align: center;}
.page-oneline{
	display: flex;
	    align-items: center;
	    justify-content: center;
}
.page-home{
	display: flex;
	justify-content: center;
	align-items: center;
	    width: 44px;
	    height: 44px;
	    border-radius: 22px;
	    background: #ECECEC;
	    font-size: 14px;
	    color: #151515;
		margin: 0 4px;
		transition: all .5s ease;}
		.page-home:hover{
			background: #e1e1e1;
		}
.nowpage{
			color: var(--Bcolor);
			background: #fff;
			box-shadow: 0px 0px 59px 0px rgba(0,0,0,0.09);
			border: 1px solid var(--Bcolor);
		}
		
/* small title */		
.smalltit {
    color: #5c5c5c;
    font-size: .8rem;
    text-transform: uppercase;
    line-height: 3.2rem;
    border-bottom: 1px solid #EFEFEF;
}		
/*button*/	
	.btn {
		width: 10rem;
		max-width: 100%;
		height: 3.2rem;
		color: var(--Bcolor);
		background: none;
		border-radius: 32px;
		border: 1px solid var(--Bcolor);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
	}
	
	.btn-bg {
		background: var(--Bcolor);
		color: #fff;
	}
	
	.btn:hover {
		background: var(--Bcolor);
		transition: all .5s ease;
		color: #fff;
	}
	
	.btn-bg:hover {
		color: #fff;
		background: var(--Hcolor);
		transition: all .5s ease;
	}
	
	.btn_va {
		width: 10rem;
		height: 3.2rem;
	}
	
	.btn_la {
		width: 8rem;
		height: 3.2rem;
	}
	
	.btn_small {
		width: 8rem;
		height: 2.6rem;
	}
	
	
	/* Styles for the overlay */
	.overlay {
	    display: none; /* Hidden by default */
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.8); /* Dark background with transparency */
	    z-index: 9999; /* Make sure it's on top */
	    justify-content: center;
	    align-items: center;
	    opacity: 0; /* Start hidden with 0 opacity */
	    transition: opacity 0.4s ease; /* Smooth transition for opacity */
	}
	
	.overlay.show {
	    display: flex; /* Show the overlay */
	    opacity: 1; /* Fade in to full opacity */
	}
	
	.overlay-content {
	    background: #fff;
	    padding: 20px;
	    border-radius: 5px;
	    text-align: center;
	    width: 90%;
	    max-width: 500px;
	    position: relative;
	    transform: translateY(-30px); /* Start slightly above */
	    transition: transform 0.4s ease; /* Smooth transition for vertical movement */
	}
	
	.overlay.show .overlay-content {
	    transform: translateY(0); /* Slide down to its final position */
	}
	
	.close-btn {
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    cursor: pointer;
	    font-size: 24px;
	}
	
	/* Styles for the search box and button */
	.search-box {
	    width: calc(100% - 22px); /* Adjust width to account for padding */
	    padding: 10px;
	    margin-bottom: 10px;
	}
	
	.search-btn {
	    padding: 10px 20px;
	    background: #007bff;
	    color: #fff;
	    border: none;
	    border-radius: 5px;
	    cursor: pointer;
	}
	
#go_top{ display:block; height:24px; line-height:24px; color:#fff; text-align:center; font-size:14px;}
#go_top:hover{ text-decoration:none;}

.chathide{right:-115px;}
.chattrans{-webkit-transition:right .3s; transition:right .3s;}
#chat_float_btn{text-align:center; height:70px; width:35px; border-radius:35px 0 0 35px; position:fixed; top:160px; right:0; z-index:1001; background:url(https://www.mfeir.com/Views/Company/622655/image/chat_float_btn1.png) no-repeat 12px center; cursor:pointer;}

#chat_window{position: fixed;right: 50px;bottom: 100px;z-index:10000;}
#chat_window .chat_box{}
#chat_window .chat_box .box{display: none;}
#chat_window .chat_box .chat_item{display: block;position: relative;width: 50px;height: 50px;border-radius: 100%;background: url(https://www.mfeir.com/Views/Company/622655/image/icon_chat.png) no-repeat 0 0;margin-bottom: 6px;}
#chat_window .chat_box a.chat_item{text-indent: 100px;overflow: hidden;white-space: nowrap;}
#chat_window .chat_box .chat_qq{background-color: #4cafe9;}
#chat_window .chat_box .chat_skype{background-color: #5996ff;background-position: 0 -50px;}
#chat_window .chat_box .chat_email{background-color: #f5b246;background-position: 0 -100px;}
#chat_window .chat_box .chat_trademanager{background-color: #33bbf9;background-position: 0 -150px;}
#chat_window .chat_box .chat_wechat{background-color: #59c682;background-position: 0 -200px;}
#chat_window .chat_box .chat_whatsapp{background-color: #55d5bb;background-position: 0 -250px;}
#chat_window .chat_box .abs{display: none;position: absolute;bottom: 0;right: 0px;margin-right: 50px;padding-right: 15px;}
#chat_window .chat_box .more_box{position: relative;padding:10px 0px;border:1px solid #e8e8e8;background: #fff;border-radius: 5px;}
#chat_window .chat_box .more_box:before{content: '';position: absolute;bottom: 19px;right: -8px;border-width:7.5px 0 7.5px 8px;border-color: transparent;border-left-color: #e8e8e8;border-style: solid;}
#chat_window .chat_box .more_box:after{content: '';position: absolute;bottom: 19px;right: -6.5px;border-width:7.5px 0 7.5px 8px;border-color: transparent;border-left-color: #fff;border-style: solid;}
#chat_window .chat_item:hover .abs{display: block;}
#chat_window .chat_box .more_box a{position: relative;display: block;min-width: 80px;height: 30px;line-height: 30px;padding: 0px 17px;font-size: 14px;color: #333;white-space: nowrap;}
#chat_window .chat_box .more_box a:hover{background-color: #effaf7;text-decoration: none;}
#chat_window .chat_box .more_box .item{width: auto;margin:0;border:0; }
#chat_window .chat_box .more_box .relimg{display: none;position: absolute;top: 0;left: -105px;padding-right: 5px;width: 100px;height: 100px;text-align: right;margin-bottom: 5px;}
#chat_window .chat_box .more_box .relimg img{padding: 2px;border:1px solid #effaf7;border-radius: 2px;background: #fff;}
#chat_window .chat_box .more_box a:hover .relimg{display: block;}
#chat_window .chat_box .chat_box_menu{}
#chat_window .chat_box .chat_box_menu a{width: 50px;height: 50px;display: block;border-radius: 100%;margin-bottom: 6px;background: #151515 url(../image/icon_chat_menu.png) no-repeat 0 0;}
#chat_window .chat_box .chat_box_menu #go_top{visibility: hidden;opacity: 0;}
#chat_window .chat_box .chat_box_menu #go_top.show{visibility: visible;opacity: 1;}
#chat_window .chat_box .chat_box_menu .more{}
#chat_window .chat_box .chat_box_menu .more{ display:none;}
#chat_window .chat_box .chat_box_menu .more.default_show{display: block;}
#chat_window .chat_box .chat_box_menu .top{background-position: 0 -50px;background-color: #e4e4e4;}
#chat_window .chat_box .box .chat_close{display: none;}	
#chat_window .chat_box .box.show{display: block;}	
	
@media only screen and (max-width: 1420px){
	.header .header-nav > ul > li > a{
		padding: 0 1.2rem;
	}
}	
@media only screen and (max-width: 1200px){
	.header2 {display: block; }
	.header2 .main-wrap{height: 80px;}
	.header2.active .sub-menu{display: block;z-index: 99;}
	.header{display: none;}
	
	.search-form{
		background: none;
		opacity: 0;
		top: 0;
		z-index: 99;
		right: -780px;
		display: flex;
		        justify-content: space-between;
				box-shadow: 0px 10px 10px #0000000f;
				border-radius: 0px;
				right: -500px;
				display: flex;
				flex-wrap: wrap;
	}
	.search-form.active{
		position: fixed;
		width: 100%;
		    padding: 10px 20px 20px;
		    background: #fff;
			opacity: 1;
			right: 0;
		    
	}
	.search-input {
	    width: calc(100% - 50px);
		padding-left: 16px;
	}
	#chat_window .chat_box .box.show .chat_close{
		display: block;
	    width: 50px;
	    height: 50px;
	    border-radius: 50px;
	    margin-bottom: 6px;
		background: #151515 url(../image/icon_chat_menu.png) no-repeat 0 0;
		background-position: 0 -100px;
	
	}
	#chat_window .chat_box.pc_limit:hover .chat_box_menu .more,#chat_window .chat_box.cur .chat_box_menu .more{display: block;}
	#chat_window .chat_box:hover .chat_box_menu .more.default_show{display: block;}
}
@media only screen and (max-width: 900px){
	.footbox .quicklinks{display: none;}
	.footbox .message{width: 50%;}
	.inquery-none{display: block;}
	.footbox .company-infos {
	    width: 40%;
	}
	
}
@media only screen and (max-width: 769px){
	.footbox .company-infos,.footbox .quicklinks,.footbox .message{width: 100%;}
	.footbox .company-infos .footer-logo{height: 28px;margin-bottom: 30px;}
	.footbox .message{margin-top: 50px;margin-left: 0;}
	.footbox .message .inputBox input,.footbox .message button{width: 100%;}
	.header2 .nav-btn.active {-webkit-animation: rotate 0.5s linear 0s; animation: rotate 0.5s linear 0s;}
	.header2 .nav-btn.hover .line { background: #333;}
	.header2 .logo img {height: 28px;}
	.page-home { margin-left: 0px; }
	.page-end3 { margin-left: 15px; }
	.page-oneline { width: 100%;}
	.page-oneline2 { margin-top: 20px; width: 100%; }
	.language .cur e {padding-left: 10px;}
	.language .cur e::before{margin-right: 6px;}
	.search{margin-right: 12px;}
	.btn {
		max-width: 100%;
		height: 48px;
		font-size: 14px;
	}
	.sbanner{
		padding: 60px 0;
	}
	.sbanner h2 {
	    font-size: 48px;
	}
	.smalltit {
	    font-size: 14px;
	    line-height: 48px;
	}
	#chat_window {
	    right: 20px;
	}
}





















